<template>
  <t-dialog :visible.sync="visible"
  :header="`科普活动详情`"
  :confirmBtn="null"
  :cancelBtn="null"
  :onClose="closeDialog"
  :closeOnOverlayClick="false"
  placement="center"
  width="60%">
      <div style="height: 65vh; width: 98%">
          <t-form ref="form" :data="formData" :colon="true">
          <t-row :gutter="[14,25]">
              <t-col :span="6">
                  <t-form-item labelWidth="250px" label="年度" name="year">
                    {{formData.year}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普（技）讲座-当年线下举办次数" name="kpjzxxcs">
                    {{formData.kpjzxxcs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普（技）讲座-当年线下参加人次" name="kpjzxxcjrs">
                    {{formData.kpjzxxcjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普（技）讲座-当年线上举办次数" name="kpjzxscs">
                    {{formData.kpjzxscs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普（技）讲座-当年线上参加人次" name="kpjzxscjrs">
                    {{formData.kpjzxscjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="300px" label="科普（技）展览-当年专题展览线下举办次数" name="kpzlxxcs">
                    {{formData.kpzlxxcs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普（技）展览-当年线下参加人次" name="kpzlxxcjrs">
                    {{formData.kpzlxxcjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="300px" label="科普（技）展览-当年专题展览线上举办次数" name="kpzlxscs">
                    {{formData.kpzlxscs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普（技）展览-当年线上参加人次" name="kpzlxscjrs">
                    {{formData.kpzlxscjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普（技）竞赛-当年线下举办次数" name="kpjsxxcs">
                    {{formData.kpjsxxcs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普（技）竞赛-当年线下参加人次" name="kpjsxxcjrs">
                    {{formData.kpjsxxcjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普（技）竞赛-当年线上举办次数" name="kpjsxscs">
                    {{formData.kpjsxscs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普（技）竞赛-当年线上参加人次" name="kpjsxscjrs">
                    {{formData.kpjsxscjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普国际交流—当年线下举办次数" name="kpjlxxcs">
                    {{formData.kpjlxxcs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普国际交流—当年线下参加人次" name="kpjlxxcjrs">
                    {{formData.kpjlxxcjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普国际交流—当年线上举办次数" name="kpjlxscs">
                    {{formData.kpjlxscs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科普国际交流—当年线上参加人次" name="kpjlxscjrs">
                    {{formData.kpjlxscjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="青少年科技兴趣小组-当年成立个数" name="qsnkjxq">
                    {{formData.qsnkjxq}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="青少年科技兴趣小组-当年参加人次" name="qsnkjxqcjs">
                    {{formData.qsnkjxqcjs}}
                  </t-form-item>
              </t-col>
              <t-col :span="6">
                  <t-form-item labelWidth="250px" label="审批状态" name="status">
                    <t-tag v-if="row.status" :theme="handleTheme(row.status, dict.type.approve_status )" variant="light">
                          {{ row.status | filterByDict(dict.type.approve_status) }}
                    </t-tag>
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科技夏（冬）令营-当年举办次数" name="kjxly">
                    {{formData.kjxly}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科技夏（冬）令营-当年参加人次" name="kjxlycjs">
                    {{formData.kjxlycjs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="青少年主题科普活动-当年举办次数" name="qsnztkphd">
                    {{formData.qsnztkphd}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="青少年主题科普活动-当年参加人次" name="qsnztkphdcjs">
                    {{formData.qsnztkphdcjs}}
                  </t-form-item>
                  <t-form-item labelWidth="280px" label="老年人科普-当年科普主题活动举办次数" name="kpzthdjbcs">
                    {{formData.kpzthdjbcs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="老年人科普-当年参加人次" name="kpzthdcjrs">
                    {{formData.kpzthdcjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="280px" label="老年人科普-当年科普主题活动举办次数" name="kpzthdxxjbcs">
                    {{formData.kpzthdxxjbcs}}
                  </t-form-item>
                  <t-form-item labelWidth="280px" label="科技活动周-科普专题活动线下举办次数" name="year">
                    {{formData.year}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科技活动周-线下参加人次" name="kpzthdxxcjrs">
                    {{formData.kpzthdxxcjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="280px" label="科技活动周-科普专题活动线上举办次数" name="kpzthdxsjbcs">
                    {{formData.kpzthdxsjbcs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="科技活动周-线上参加人次" name="kpzthdxscjrs">
                    {{formData.kpzthdxscjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="大学、科研机构向社会开放-当年开放单位个数" name="kyjgkfgs">
                    {{formData.kyjgkfgs}}
                  </t-form-item>
                  <t-form-item labelWidth="300px" label="大学、科研机构向社会开放-当年参观人次" name="kyjgcgrs">
                    {{formData.kyjgcgrs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="当年举办实用技术培训次数" name="syjspxcs">
                    {{formData.syjspxcs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="当年举办实用技术培训-当年参加人次" name="syjspxcjrs">
                    {{formData.syjspxcjrs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="当年重大科普活动次数" name="zdkphdcs">
                    {{formData.zdkphdcs}}
                  </t-form-item>
                  <t-form-item labelWidth="320px" label="科普研发-当年获批市级及以上科普项目数量" name="hpsjyskps">
                    {{formData.hpsjyskps}}
                  </t-form-item>
                  <t-form-item labelWidth="370px" label="科普研发-其中：当年获批省、部级及以上科普项目数量" name="hpsbyskps">
                    {{formData.hpsbyskps}}
                  </t-form-item>
              </t-col>
          </t-row>
      </t-form>
      </div>
  </t-dialog>
</template>

<script>

export default {
  name: "events-detail-dialog",
  dicts: ['approve_status'],
  props:{
    objId: {
      type: [String, Number],
      default: '',
    },
    header: {
      type: String,
      default: '新增'
    },
    row: {
      type: Object,
      default: () => ({})
    },
    isUpdate: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      visible: true,
      formData: {
        name: '',
      },
      confirmLoading: false,
    }
  },
  created() {
    Object.assign(this.formData, this.row)
  },
  methods: {
    closeDialog() {
      this.$emit("update:visible", false);
    }
  },
}

</script>

<style scoped>

</style>